﻿html {
     margin: 0;
    padding: 0;
}

body {
    background-color: #eaeaea;
    color: #333;
    font-size: 12px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;

}


#container {

    width:1024px;
    margin-bottom:0px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
}

.featured {
    padding:4px 15px 2px 15px;
}

#top {
       padding:10px 15px 0px 15px;
       height:133px;    
}


#top .logo {
        width:380px;
        height:100px;
    }

 /* main menu styles */
#top .menu {
    background-color:#8c7ba1;/*#d0e6f5*/
    width:100%;
    height:33px;

    
}
.menu > span {
    display:inline-block;
    margin:0 auto;

}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;

}
#nav > li {
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
    border:1px solid transparent;
    color:white;
    display:block;
   /* font-size:90%;*/
    padding:8px 10px;
    position:relative;
    text-decoration:none;
        height:15px;
}
#nav > li > a:hover {
    color:#503f69;
    background-color:#FFF;
        border-left:1px solid #8c7ba1;
        border-right:1px solid #8c7ba1;
        border-top:1px solid #8c7ba1;
}
#nav > li.selected  > a {
    color:#503f69;
    background-color:#FFFFFF;
    border-color:#503f69 #503f69 #FFFFFF;
    z-index:2;
}
#nav li div {
    position:relative;
}
#nav li div div {
    background-color:#FFFFFF;
    border:1px solid #8c7ba1;
    padding:12px 0;
    display:none;
    font-size:12px;
    margin:0;
    position:absolute;
    top:-1px;
    z-index:1;
    width:190px;
}
#nav li div div.wrp2 {
    width:380px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:170px;
    float:left;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
    border-bottom:1px solid #E3E3E3;
    color:#4F4F4F;
    font-weight:bold;
    margin:0 5px 4px;
    font-size:12px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#0060A6;
    display:block;
    margin-bottom:1px;
    padding:3px 5px;
    text-decoration:none;
    font-size:11px;
}
#nav li ul ul li a:hover{
    background-color:#0060a6;
    color:#fff;
}

/*##################### BANNER ################################*/
#containerBanner {
    margin-top:4px;
    width:994px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
}


/*##################### footer ################################*/



#footer {
    background-color: black;
    padding-left:62px;
    padding-right:62px;
    width: 900px;
    height:300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 20px;
}
/* Footer Box */
.footerbox {
  float: left;
  margin-right: 20px;
  width: 210px;
}
.footerbox h4 {
  margin-bottom: 15px;
  color: #ffffff;
}
.footerbox a,
.footerbox li a {
  color: #ffffff; 
}
.footerbox a:hover {
  color: #dddddd; 
}
.footerbox ul {
  margin: 0;
  padding: 0; 
}
.footerbox ul li {
  margin: 8px 0;
  padding-bottom: 10px; 
  color: #ffffff;
  font-size: 11px;
  border-bottom: 1px dotted #cacaca;
}
.footerbox p {
  font-size: 11px;  
  line-height: 18px;
  margin-bottom: 5px;
  color: #ffffff;
}
.box-last {
  float: right;
  margin-right: 0;
}
/* Address List */
ul.addresslist {
  margin: 0;
  padding: 0;
   list-style:none;
}
ul.addresslist li {

  line-height: 18px;
  margin: 4px 0;
  padding-bottom: 4px;
}
.footerbox ul.social-links {
     list-style:none;
  margin: 10px 0;
  padding: 0;
  display: block;
}
.footerbox ul.social-links li {
  border: none;
  margin:0 5px 0 0;
  padding: 0;
  float: left;
}
.footerbox ul.social-links li a  {
  background: none; 
  margin: 0;
  padding: 0;
}
.bottom {

  padding: 5px;
  width: 900px;
  height: 31px;
  background: url(http://imediautama.com/templates/ecobiz/images/bg-copyright.png) center no-repeat;
  margin: 20px 0;
  display: block;
}
.footermenu {
  float: left;
  width: 600px;
  margin-left : 10px;
}
.footermenu ul {}
.footermenu ul li {
   
  display: inline;
  float: left;
  margin: 6px 6px 6px 10px;
}
.footermenu ul li a {

  color: #eaeaea;
  font-size: 11px; 
  padding-right: 15px;
  border-right: 1px dotted #cacaca;
}
.footermenu ul li a:hover {
  color: #ffffff; 
}
/* Copyright */
.copyright {
  width: 260px;
  display: block;
  text-align: right;
  float: right;
  margin-right: 15px;
}
.copyright p {
  margin: 5px 0;
  color: #ffffff;
}
.copyright p a {
  color: #ffffff;
}
